<template>
  <div class="cs-page-container">
    <el-tabs v-model="activeTab" type="border-card">
      <el-tab-pane label="充值统计" name="tab1" :lazy="true">
        <keep-alive>
          <RechargeList v-if="activeTab === 'tab1'" />
        </keep-alive>
      </el-tab-pane>
      <el-tab-pane label="充值分析" name="tab2" :lazy="true">
        <keep-alive>
          <rechargeAnalysis v-if="activeTab === 'tab2'" />
        </keep-alive>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import RechargeList from './rechargeList'
  import rechargeAnalysis from './rechargeAnalysis'
  export default {
    components: { RechargeList, rechargeAnalysis },
    data() {
      return {
        activeTab: 'tab1'
      }
    }
  }
</script>
